<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<style type="text/css">
		body{
			background-color:#F3F1EC;
		}
	</style>
</head>
<body>
	<%@ include file="include/base-top.jsp" %>
	<!--content-->
	<div class="container" style="margin-top:60px;">
		<div class="row-fluid">
			<div class="span8" >
			
				<div class="well" style="box-shadow:0 0 3px #CCCCCC;background-color:#F0F5F8;">
				<h3 class ="pull" style="width:200px;">代办任务</h3>
					
						<ul class="nav pull-right" style="margin-top:-20px;">	
							<a href="createtask.jspx">代办任务</a>|<a href="overtask.jspx">完成任务</a>|<a href="itask.jspx">为我分配的任务</a>	
						</ul>
					
				</div>
				<div style="box-shadow:0 0 3px #CCCCCC;background-color:#fff;margin-top:-20px;padding-top:20px;">
					<div style="padding-left:20px;">
						分类为
						<select  name="taskitems" id="option1" class="span4" style="width: 100px">
							<option id="option" value="所有">所有</option>
							<option id="option" value="邮件">邮件</option>
							<option id="option" value="面谈">面谈</option>
							<option id="option" value="感谢">感谢</option>
							<option id="option" value="电话">电话</option>
							<option id="option" value="QQ">QQ</option>
						</select>
					</div>
					<div>
					<div style="padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;">
						<div style="font-size:12px;" id="task1">
							<c:forEach items="${taskList}" var="task">
								<div id="task2">
									<h4>${task.endtime}</h4>
									<input type="checkbox" name="" id="" />&nbsp;&nbsp;<strong>${task.taskitems}</strong>&nbsp;&nbsp;<small >${task.taskname }</small>	
									<a href="taskedit.jspx?id=${task.id}" id="edit">编辑</a>&nbsp;&nbsp;<a href="deltask.jspx?id=${task.id}" id="delete">删除</a>
										<hr/>
								</div>
							</c:forEach>
							
										<script type="text/javascript">
											$("#delete").click(function(){
												confirm("真的要删除吗？");
											});
										</script>
						</div>
					</div>
					</div>
				</div>
			</div>
			<div class="span4">
				<div style="background-color:#fff;border-radius:5px;padding:20px;font-size:18px;box-shadow:4px 5px 5px #252525;">
						<p><a data-toggle="modal" href="#myModal" style="font-size:12px;" >添加任务</a></p>
						<div class="modal hide fade" id="myModal">
					  <div class="modal-header">
					    <a class="close" data-dismiss="modal">×</a>
						
					    <h3>添加一个任务</h3>
					  </div>
					  <div class="modal-body" style="z-index:9999;">
					    <form action="addtask.jspx" method="post">
							<input type="text" class="span6" name="task.taskname"/>
							<label for="">到期时间？
								<select id="" name="task.endtime">
									<option value="今天">今天</option>
									<option value="明天">明天</option>
									<option value="本周">本周</option>
									<option value="下周">下周</option>
									<option value="以后">以后</option>
									<option value="6">具体时间</option>
								</select>
							</label>
							<label for=""  >选择一个分类
								<select  id=""  name="task.taskitems">
									<option value="邮件">邮件</option>
									<option value="电话">电话</option>
									<option value="面谈">面谈</option>
									<option value="QQ">QQ</option>
									<option value="感谢">感谢</option>
									<option value="无">无</option>
									<option value="">添加分类</option>
								</select>
								<a href="">编辑分类</a>
							</label>
							<label for="" >谁负责
								<select name="" id="" name="taskitem.id">
									<option value="">无</option>
								<c:forEach items="${emList}" var="em">
									<option value="">${em.name}</option>
								</c:forEach>
									<option value="" id="add">添加分类</option>
								</select>
							</label>
							<input type="radio"> 同事可以看见这个任务
							<div class="modal-footer">
					   			 <input type="submit" class="btn btn-primary" value="添加任务">
					   			 <a href="createtask.jspx" class="btn" data-dismiss="modal">取消</a>
					 		 </div>
						</form>
						<script type="text/javascript">
							$("#add").click(function(){
								alert("请");
							});
							
							$(document).ready(function(){
								$("#option").click(function(){
									alert("nihao");
									
								});	
							});
						</script>
					  </div>
					  
					</div>
									
				</div>
				<div style="margin-top:20px;background-color:#fff;padding:15px;box-shadow:2px 3px 4px #757575">
					<p style="font-weight:bold;font-size:18px;">订阅您的日程安排</p>
					<hr />
					<div>您可以使用 Google Calendar, Apple iCal, Mozzila Calendar 等支持 iCalendar 格式的工具来 <a href="">订阅您的日程安排</a>。</div>
				</div>
			</div>
		</div>
    </div>
	
	
	
</body>
</html>